<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 我的 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta 我的="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./css/_reset.css">
</head>
<body>
    <div class="whole">
        <!-- 头部 -->
        <header>
            <!-- 返回按钮 -->
            <div class="back">Back</div>
            我的
            <!-- 消息 -->
            <div class="letter">
                <img src="./images/消息.png" alt="">
            </div>
        </header>
        <main>
            <!-- 头像 -->
            <div class="head">
                <div class="head_left">
                    <img src="./images/头像.png" alt="">
                    <div class="head_content">
                        <p class="first">点击登录</p>
                        <p class="second">常居地未设置</p>
                    </div>
                </div>
                <div class="head_right">
                    <span>></span>
                </div>
            </div>
            <!-- 三个分类 -->
            <div class="three_classification">
                <div class="classification_box first">
                    <img src="./images/点评.png" alt="">
                    <p>我的点评</p>
                </div>
                <div class="classification_box second">
                    <img src="./images/收藏.png" alt="">
                    <p>我的收藏</p>
                </div>
                <div class="classification_box third">
                    <img src="./images/优惠卷.png" alt="">
                    <p>我的优惠卷</p>
                </div>
            </div>
            <!-- 更多 -->
            <div class="my_move_box">
                <!-- 单行内容-我的钱包 -->
                <div class="my_move">
                    <!-- 左边 -->
                    <div class="move_left">
                        <div class="img_box">
                            <img class="wallet" src="./images/钱包.png" alt="">
                        </div>
                        <div class="text">我的钱包</div>
                    </div>
                    <!-- 右边 -->
                    <div class="move_right">
                        更多
                        <span><img src="./images/更多.png" alt=""></span>
                    </div>
                </div>
                <!-- 单行内容-待点评 -->
                <div class="my_move">
                    <!-- 左边 -->
                    <div class="move_left">
                        <div class="img_box">
                            <img class="comment" src="./images/待点评.png" alt="">
                        </div>
                        <div class="text">待点评</div>
                    </div>
                    <!-- 右边 -->
                    <div class="move_right">
                        更多
                        <span><img src="./images/更多.png" alt=""></span>
                    </div>
                </div>
                <!-- 单行内容-找好友 -->
                <div class="my_move">
                    <!-- 左边 -->
                    <div class="move_left">
                        <div class="img_box">
                            <img class="friends" src="./images/找好友.png" alt="">
                        </div>
                        <div class="text">找好友</div>
                    </div>
                    <!-- 右边 -->
                    <div class="move_right">
                        更多
                        <span><img src="./images/更多.png" alt=""></span>
                    </div>
                </div>
                <!-- 单行内容-我的足迹 -->
                <div class="my_move">
                    <!-- 左边 -->
                    <div class="move_left">
                        <div class="img_box">
                            <img class="footprint" src="./images/我的足迹.png" alt="">
                        </div>
                        <div class="text">我的足迹</div>
                    </div>
                    <!-- 右边 -->
                    <div class="move_right">
                        更多
                        <span><img src="./images/更多.png" alt=""></span>
                    </div>
                </div>
            </div>
            <!-- 底部更多 -->
            <div class="my_bottom_box">
                <!-- 单行内容-我的设置 -->
                <div class="my_move">
                    <!-- 左边 -->
                    <div class="move_left">
                        <div class="img_box">
                            <img class="set" src="./images/设置.png" alt="">
                        </div>
                        <div class="text">设置</div>
                    </div>
                    <!-- 右边 -->
                    <div class="move_right">
                        更多
                        <span><img src="./images/更多.png" alt=""></span>
                    </div>
                </div>
                <!-- 单行内容-我的联系 -->
                <div class="my_move">
                    <!-- 左边 -->
                    <div class="move_left">
                        <div class="img_box">
                            <img class="contact" src="./images/联系.png" alt="">
                        </div>
                        <div class="text">联系</div>
                    </div>
                    <!-- 右边 -->
                    <div class="move_right">
                        更多
                        <span><img src="./images/更多.png" alt=""></span>
                    </div>
                </div>
            </div>
            <!-- 按钮 -->
            <div class="buttom_box">
                <input class="esc" type="button" value="退出">
                <input class="cancellation" type="button" value="注销">
            </div>
        </main>
        <!-- 尾部 -->
        <footer>
            <div class="navlist">
                <a href="./index.html">
                    <div class="home">
                        <img src="./images/首页.png" alt="">
                    首页
                    </div>
                </a>
                <a href="./classification.html">
                    <div class="classification">
                        <img src="./images/分类.png" alt="">
                        分类
                    </div>
                </a>
                <a href="./find.html">
                    <div class="find">
                        <img src="./images/发现.png" alt="">
                        发现
                    </div>
                </a>
                <a href="./my.html">
                    <div class="my active">
                        <img src="./images/我的ing.png" alt="">
                        我的
                    </div>
                </a>
            </div>
        </footer>
    </div>
</body>
</html>